<section id="usr-friend-follower" class="mt20">
	<hgroup>
			<h2 th:inline="text">
				[[${userDisplayedName}]]的粉丝<small th:inline="text">([[${friendFollower_count}]]位)</small>
			</h2>
			
			<div class="paging" th:if="${friendFollower_count} > 0">
				<span>
				  <a href="javascript:;" id="go_first_btn" class="button" th:onclick="'javascript:showPage(\'' + ${friendFollower_url} + '\',\'1\',\'usr-friend-follower\',\'friendFollower_page_btn_\');'" >
				      <i class="fa fa-angle-double-left"></i>
				  </a>
				  <!-- a th:if="${maxPage} <= 1" href="javascript:;" >
				      <i class="fa fa-angle-double-left"></i>
				  </a-->
				</span>
				<span>
				  <a href="javascript:;" id="go_prev_btn" class="button" th:onclick="'javascript:showPage(\'' + ${friendFollower_url} + '\',\'' + ${friendFollower_prevPage} + '\',\'usr-friend-follower\',\'friendFollower_page_btn_\');'" >
				      <i class="fa fa-angle-left"></i>
				  </a>
				  <!-- a th:if="${curPage} <= 1" href="javascript:;" >
				      <i class="fa fa-angle-double-left"></i>
				  </a-->
				</span> 
				
				<span th:each="visiblePage : ${friendFollower_visiblePages}" >
				  <a th:id="'friendFollower_page_btn_' + ${visiblePage.id}" href="javascript:;" class="button" th:onclick="'javascript:showPage(\'' + ${friendFollower_url} + '\',\'' + ${visiblePage.id} + '\',\'usr-friend-follower\',\'friendFollower_page_btn_\');'" th:text="${visiblePage.id}" >1</a>
				</span>
				
				<span>
				   <a href="javascript:;" id="go_next_btn" class="button" th:onclick="'javascript:showPage(\'' + ${friendFollower_url} + '\',\'' + ${friendFollower_nextPage} + '\',\'usr-friend-follower\',\'friendFollower_page_btn_\');'" >
				      <i class="fa fa-angle-right"></i>
				   </a>
				   <!-- a th:if="${curPage} >= ${maxPage}" href="javascript:;" >
				      <i class="fa fa-angle-double-left"></i>
				   </a-->
				</span>
				<span>
				   <a href="javascript:;" id="go_last_btn" class="button" th:onclick="'javascript:showPage(\'' + ${friendFollower_url} + '\',\'' + ${friendFollower_maxPage} + '\',\'usr-friend-follower\',\'friendFollower_page_btn_\');'" >
				      <i class="fa fa-angle-double-right"></i>
				   </a>
				   <!-- a th:if="${maxPage} <= 1" href="javascript:;" >
				      <i class="fa fa-angle-double-left"></i>
				   </a-->
				</span>
			</div>
			
			<div class="go-page" th:if="${friendFollower_count} > 0">
				<span th:inline="text">总共[[${friendFollower_maxPage}]]页,[<input id="friendFollower_go_page_input" type="text" placeholder="1" />]页
				  <a href="javascript:;" id="friendFollower_go_page_btn" class="button" th:onclick="'javascript:goPage(\'' + ${friendFollower_url} + '\',\'' + ${friendFollower_maxPage} + '\',\'friendFollower_go_page_input\',\'usr-friend-follower\',\'friendFollower_page_btn_\');'" >跳转</a>
			    </span>			
			</div>
			
		</hgroup>
		
		<div class="list" th:if="${friendFollower_count} > 0">
			<ul class="clearfix">
				<li class="list-item" th:each="friendFollower : ${friendFollowers}">
				  <a target="_blank" class="fr-img" th:href="${friendFollower.url}" >
				     <img th:src="@{${friendFollower.imageUrl}}" height="100px" width="100px"/>
				  </a>
				</li>
			</ul>
		</div>
</section>
